﻿<%@ page import="java.util.*" %>
<%
String Code = (String)session.getAttribute("LanguageCode");
String SubCode = (String)session.getAttribute("LanguageSubcode");
Locale locale = new Locale(Code, SubCode);
ResourceBundle resource = ResourceBundle.getBundle("resource", locale);
%>
<div id="insert-creditcard-popup" style="width:549px; height:212px; display:none;"> 
<table width="100%" style="border:#000 solid 1px; box-shadow: 2px 2px 6px 2px #696969;">
<tr style="background-color:#3b69b3;">
<td  width="100%" height="28px">
<span style="padding-left:10px; color:#FFF;">
<%out.print(resource.getString("Payment.creditcard.creditcard"));%>
</span>
<span style="float:right; padding-top:2px; padding-right:10px;"><img src="../../images/components/payment/cancel.png" width="12px" height="12px" onclick=""></span>
</td>
</tr>
<tr style="height:36px;">
<td width="100%" >
<span style="padding-left:10px;">
<% out.print(resource.getString("Payment.creditcard.Sharer"));%>
 : 
</span>
<span> 
<select name="creditcard-sharer" style="width:115px" id="creditcard-sharer">
<option value="0"><%out.print(resource.getString("Payment.creditcard.Sharer"));%></option>
</select> 
</span>
<span>
<input type="text" id="creditcard-nameoncard" style="width:50%;" placeholder="<%out.print(resource.getString("Payment.creditcard.nameonc"));%>"/>
</span>
</td>
</tr>
<tr style="height:36px;">
<td width="100%">
<span style="padding-left:10px;">
<input type="text" id="creditcard-number" placeholder="<% out.print(resource.getString("Payment.creditcard.ccno"));%>" style="width:20%"/>
</span>
<span>
<select name="creditcard-card-type" style="width:115px" id="creditcard-card-type">
<option value="0"><%out.print(resource.getString("Payment.creditcard.cctype"));%></option>
</select>
</span>
<span>
<%out.print(resource.getString("Payment.creditcard.expire"));%>
 :
</span>
<span><input type="text" id="creditcard-expire-month" style="width:10%;" placeholder="<%out.print(resource.getString("Payment.creditcard.month"));%>"/> / </span>
<span><input type="text" id="creditcard-expire-year" style="width:10%" placeholder="<%out.print(resource.getString("Payment.creditcard.year"));%>"/></span>
<span> CVC </span>
<span><input type="text" id="creditcard-cvc" style="width:8%"/></span>
</td>
</tr>
<tr style="height:36px;">
<td width="100%">
<span style="padding-left:10px;"><%out.print(resource.getString("Payment.creditcard.billadd"));%> : </span>
<span><input type="text" id="creditcard-bill-address" width="50%" placeholder="<%out.print(resource.getString("Payment.creditcard.add"));%>"/></span>
<span><input type="text" id="creditcard-bill-state" width="30%" placeholder="<%out.print(resource.getString("Payment.creditcard.state"));%>"/></span>
</td>
</tr>
<tr style="height:35px;">
<td width="100%" >
<span style="padding-left:10px;"><input type="text" id="creditcard-bill-country" width="30%" placeholder="<%out.print(resource.getString("Payment.creditcard.Country"));%>"/></span>&nbsp;
<span><input type="text" id="creditcard-bill-city" width="30%" placeholder="<%out.print(resource.getString("Payment.creditcard.city")); %>"/></span>&nbsp;
<span><input type="text" id="creditcard-bill-zipcode" width="30%" placeholder="<%out.print(resource.getString("Payment.creditcard.zipcode")); %>"/></span>&nbsp;
</td>
</tr>
<tr>
<td align="center" bgcolor="#E1E1E1" width="100%" height="34px">
<input type="button" style="border:#000 solid 1px;" name="creditcard-btnok" value="<%out.print(resource.getString("Payment.creditcard.btn.save"));%>" onclick="btnAddCredit()"/>
<input type="button" style="border:#000 solid 1px;" name="creditcard-btncancel" value="<%out.print(resource.getString("Payment.creditcard.btn.cancel"));%>" onclick="btnCloseAddCreditPopup()"/>
</td>
</tr>
</table>
</div>